     /* Sticky footer styles
        -------------------------------------------------- */

    html,
    body {
      height: 100%;
        background:#008040;
        background: #70bf32;
        background:radial-gradient(#008040,black);
        color:white;
      /* The html and body elements cannot have any padding or margin. */
    }

      /* Wrapper for page content to push down footer */
    #wrap {
      min-height: 100%;
      height: auto !important;
      height: 100%;
      /* Negative indent footer by it's height */
      margin: 0 auto -60px;
    }

      /* Set the fixed height of the footer here */
    #push,
    #footer {
      height: 60px;
        color: black;
    }

    #footer {
        background:limegreen ;
      background:radial-gradient(limegreen,black);
    }

      /* Lastly, apply responsive CSS fixes as necessary */
    @media (max-width: 767px) {
      #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
      }
    }

      /* Custom page CSS
        -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

     .float-left
     {
         float:left;
     }

     .float-right
     {
         float:right;
     }

     .clear-both
     {
         clear:both;
     }

     .width100per
     {
         width:100%;
     }

     .width30per
     {
         width:30%;
     }

     .width20per
     {
       width:20%;
     }

     .width80per
     {
       width:80%;
     }

     .width70per
     {
         width:70%;
     }

    .container .credit {
      margin: 20px 0;
    }

    .padding-top-60
    {
      padding-top: 60px;
    }

    .error
    {
      color: #ff0300;
    }

    code {
      font-size: 80%;
    }